$tab-color:#007DEE;//tab主题背景色
$tab-font-color:#ffffff;//tab主题文字色
$tab-line:#007DEE;//tab线条色
$tab-default:#E5E5E5;//默认底色
$tab-default-color:#2f2f2f;//默认文字色


.el-tabs--card>.el-tabs__header{
  border-bottom: 1px solid $tab-line;
}
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{
  border-color:$tab-line;
}
.el-tabs--card>.el-tabs__header .el-tabs__item:hover.is-active{
  color: $tab-font-color;
}
.el-tabs--card .el-tabs__nav-scroll{
  padding: 0 5px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active{
  background: $tab-color;
  color:$tab-font-color;
}
.el-tabs--card .el-tabs__item{
  padding: 0 20px;
  height: 36px;
  line-height: 36px;
  color: $tab-default-color;
}
.el-tabs--card>.el-tabs__header .el-tabs__nav{
  border: none;
}
.el-tabs--card>.el-tabs__header .el-tabs__item{
  border-left: transparent;
  background: $tab-default;
  margin-right: 5px;
  border-bottom: 1px solid $tab-line;
  border-radius: 4px 4px 0 0 ;
  &:hover{
    color: $tab-color;
  }
}


.el-tabs__item.is-active{
  color: $tab-color;
}
.el-tabs__active-bar{
  border-color: $tab-color;
}
.el-tabs__nav-wrap::after{
  height: 1px;
  background-color: #e0e0e0;
}
.el-tabs__item{
  padding: 0 20px;
  height: 44px;
  line-height: 44px;
  color: $tab-default-color;
}

.dd-tab-icon{
  display: flex;
  flex-direction: row;
  .icon{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 20px;
    border-bottom: 1px solid #e0e0e0;
    height: 44px;
    p{
      font-size: 16px;
      font-weight: bold;
      color: $font-main;
      margin: 0 0 0 5px;
    }
  }
  .el-tabs{
    flex:1;
  }
}

























